*{
    margin: 0;
    padding: 0;
}
body, html
{
    width: 100%;
    height: 100%;
}

.all:hover{
    background-position: 20% 10%;
}
.all
{
    width: 100%;
    height: 100%;
    background: url(../images/04.jpg)no-repeat;
    background-size: cover;
    transition: 1s linear;
    position: relative;
}
.imgbox:hover{
    background-position: 20% 10%;
}
.imgbox{
    position: absolute;
    left: 0;
    top: 0;
    animation: sc 15s infinite;
    width: 100%;
    height: 100%;
    background: url(../images/03.jpg)no-repeat;
    background-size: cover;
    transition: 1s linear;
    overflow: hidden;
    animation: sc 15s infinite;
}
@keyframes sc
{
    0%{opacity:1;}
    50%{opacity:0;}
    100%{opacity:1;}
}
.zhucekuang
{
    position: absolute;
    width: 400px;
    height: 600px;
        border: 2px solid orange;
    border-radius: 50px;
    background-color: pink;
    right: 100px;
    top: 50px;
}
.logo
{
   position: absolute;
   width: 500px;
   height: 200px;
   background: url(../images/喵呜png-01.png);
   background-size: 100% 100%;
   left: 0px;
   top:  40px;
}
input:nth-child(1){width:200px;height: 30px;}
input:nth-child(2){width:200px;height: 30px;}
form{margin-top: 150px;}
form p{display: flex;font-size: 20px;margin: 40px auto;}
.sp1{margin-right: 40px;margin-left: 30px;}
.sp2{margin-right: 44px;margin-left: 40px;}
input{
    border-radius: 10px;
    border: 1px solid rgb(197, 129, 4);
    outline: none;
}
input:focus{
        border: 1px solid rgb(197, 100, 116);
        border-color: #ec3acf;
        box-shadow: 0 0 15px #ec3acf;
        outline: none;
}
.zhucekuang .a1{display:inline-block;text-decoration: none;color: black;padding:10px 80px 10px 80px ;background-color: rgb(255, 109, 133);border-radius: 20px;border: 2px solid #ec3acf;margin: 0 auto;}
input[type="checkbox"] {
    width: 20px;height: 20px;
    border-radius: 20px;
}
label{
    font-size: 18px;margin-left: 5px;
}
span{margin-left: 60px;}
#zddl{margin-top: 10px;margin-left:30px;}